@import '~antd/lib/style/themes/default.less';

.container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: auto;
  background: url('../../asset/image/bg.png') no-repeat center center/cover;
}

.content {
  width: 333px;
  height: 500px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.top {
  text-align: center;
}

.header {
  width: 333px;
  margin: 0 auto;
}
.login {
  width: 300px;
  margin: 0 auto;
  :global {
    .ant-row .ant-form-item {
      margin-bottom: 0px;
    }
    .antd-pro-login-login .antd-pro-login-submit {
      background-color: rgba(16, 142, 233, 0.7);
      border-color: rgba(16, 142, 233, 0.7);
      border-radius: 4px;
    }
    .has-error .ant-input-affix-wrapper .ant-input {
      background-color: transparent;
      border-color: #bdc3cf;
      &:hover {
        border-color: #bdc3cf !important;
      }
      &:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
      }
    }
  }
}
.username,
.password {
  :global {
    .ant-input:not(:first-child) {
      padding-left: 8px;
    }
    .ant-input-prefix {
      display: none;
    }
    .ant-input {
      &:-internal-autofill-selected {
        background-color: transparent !important;
        color: #fff !important;
      }
      font-size: 16px;
      input::-webkit-input-placeholder {
        color: #bbbbbb;
      }
      input::-moz-placeholder {
        color: #bbbbbb;
      }
      input:-moz-placeholder {
        color: #bbbbbb;
      }
      input:-ms-input-placeholder {
        color: #bbbbbb;
      }
      border: none;
      color: #fff;
      border-bottom: 1px solid #bdc3cf;
      border-radius: 0;
      background-color: transparent;
      &:hover {
        border-color: #bdc3cf !important;
      }
      &:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
      }
    }
  }
}

.logo {
  height: 118px;
  vertical-align: top;
  margin-bottom: 33px;
}
.logo-title {
  height: 40px;
  margin-bottom: 46px;
}

.title {
  font-size: 33px;
  color: @heading-color;
  font-family: 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 600;
  position: relative;
  top: 2px;
}

.desc {
  font-size: @font-size-base;
  color: @text-color-secondary;
  margin-top: 12px;
  margin-bottom: 40px;
}
